<template>
    <div class="detail-p">
        <div style="height:50px;"></div>
        <div class="card">
            <el-breadcrumb separator="/" class="card-body">
                <el-breadcrumb-item :to="{ path: '/ProcessConsole' }">一体化流程</el-breadcrumb-item>
                <el-breadcrumb-item>{{ this.$route.meta.title }}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="card">
            <div class="card-header">人员密级变更申请</div>
            <div class="card-body">
              人员密级变更申请
            </div>
        </div>
    </div>
</template>

<script>
import request from "@/utils/request";
export default {
  name: "form9",
  data() {
    return {
    };
  },
  methods: {
  },
  beforeRouteEnter (to, from, next) {
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不！能！获取组件实例 `this`
    // 因为当守卫执行前，组件实例还没被创建
    document.body.className = "con-bg";
    next();
  },
  beforeRouteLeave (to, from, next) {
    // 导航离开该组件的对应路由时调用
    // 可以访问组件实例 `this`
    document.body.className = "";
    next();
  }
};
</script>
<style lang="less" scoped>
.info-ruleForm {
  width: 420px;
  margin: 0 auto;
  position: relative;
}

.authList {
  border: 1px solid #f2f2f2;
  padding: 0.5rem 1rem;
}
.el-query-tree {
  position: absolute;
  right: -40px;
  top: 0;
}
.detail-p {
  padding-top: 25px;
  width: 1200px;
  margin: 0 auto;
}

.el-date-editor{
    width: 100%;
}
.el-select{
    width: 100%;
}
</style>